<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2023/5/23
  Time: 11:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <meta name="Robots" content="index,follow"/>
    <title>"第三波书店"-网上书店</title>
    <link href="css/global.css" rel="stylesheet" type="text/css"/>
    <link href="css/member.css" rel="stylesheet" type="text/css"/>
</head>
<%--引入头部 begin--%>
<%@include file="header.jsp"%>
<%--引入头部 end--%>


<div id="container">
    <!--left content-->
    <%@include file="left.jsp"%>
    <div id="action_area">
        <h2 class="action_type"><img src="images/login_in.gif" alt="会员登录"/></h2>
        <p class="state">欢迎光临第三波书店网站，本站为淘宝网旗下专业在线书店！<br/>您可以使用第三波书店的用户名，直接登录。</p>

        <form id="loginForm"   method="post" class="member_form">
            <p><label>用户名</label><input name="username" type="text" class="opt_input"/></p>
            <p><label>密&#160;码</label><input name="password" type="password" class="opt_input"/></p>
            <p><label>验证码</label><input name="code" type="text" class="opt_input"/> <img src="images/checkno.gif"/></p>
            <p class="form_sub"><input type="checkbox" name="" checked="checked"/> 在此计算机上保留我的密码</p>
            <p class="form_sub"><input type="submit" value="登入" class="opt_sub"/><a href="#">忘记密码？</a></p>
        </form>

    </div>

</div>

<%--引入网页底部 begin--%>
<%@include file="footer.jsp"%>
<%--引入网页底部 end--%>

<script src="js/jquery-1.12.4.js"></script>
<script>
    $(function () {
        $('#loginForm').submit(function () {//表单提交事件
            let username=$('input[name=username]').val().trim();//获取用户名
            let password=$('input[name=password]').val().trim();//获取密码
            if(username==''||password==''){//非空验证
                alert('用户名或密码不能为空！');
                return  false;
            }
             $.ajax({//ajax请求
                 url:'login',//服务端地址 servlet
                 data:{username:username,password:password},//客户端发送的数据
                 type:'POST',//客户端请求方式
                 dataType:'JSON',//服务端响应的数据格式
                 success:function (data) {//成功后回调函数，data:服务端返回的结果
                       if(data.code===200){
                           alert(data.msg);
                           location='book';//成功后访问查询首页图书信息的servlet
                       }else if(data.code===400){
                           alert(data.msg);
                       }else{
                           alert('登录失败！')
                       }
                 },error:function () {//错误函数
                        alert('网络错误');
                 }
             });
            return false;
        });

    })
</script>